<template>
    <div class="left-container">
        <TitleBlock />
        <div class="chart-item">
            <!-- <BarChart /> -->
        </div>
    </div>
</template>

<script setup lang="ts">
// 这里可以添加任何需要的脚本逻辑
import TitleBlock from './TitleBlock.vue'
import PieChart from '@/components/charts/PieChart.vue'
import LineChart from '@/components/charts/LineChart.vue'
import BarChart from '@/components/charts/BarChart.vue'
</script>

<style scoped lang="scss">
.left-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    color: white;
    position: absolute;
    top: 56px;
    left: 12px;
    right: 0;
    bottom: 0;
    width: 430px;
    height: calc(100vh - 72px);
    z-index: 999;
    background-image: url('@/assets/images/screen/left-panel-bg.png');
    background-size: 100% 100%;
}
</style>